Amplify Hosting のデフォルトドメインを無効化する方法を教えてください
困っていた内容
Amplfiy Hosting でカスタムドメインを使用しています。
アプリケーションへのアクセスをカスタムドメインからのアクセスのみにしたいので、デフォルトドメインである amplifyapp.com
を無効化する方法を教えてください。
どう対応すればいいの?
Amplify Hosting のデフォルトドメインである amplifyapp.com
は無効化できません。
代替案として、デフォルトドメインへのアクセス時にカスタムドメインへリダイレクトさせる方法をご検討ください。
Using redirects - AWS Amplify Hosting
やってみた
Amplify Hosting のデフォルトドメインである amplifyapp.com
からカスタムドメインへリダイレクトする方法をやってみます。
Amplify Hosting で利用するアプリケーションは CodeCommit に push してあります。
また、使用するカスタムドメインは makoto-test.tk
というドメインです。
まずはデフォルトドメインである amplifyapp.com
でアプリにアクセスできることを確認します。
デフォルトドメインの URL でアプリにアクセスできました。
続いてカスタムドメインを登録します。
今回使用するドメインは AWS 外で取得したものを Route 53 のホストゾーンに登録しています。
登録するとドメインの検証が始まるので、しばらく待ちます。
カスタムドメインの登録が完了したら、カスタムドメインでもアプリにアクセスできることを確認します。
カスタムドメインでもアプリにアクセスできました。
それではデフォルトドメインである amplifyapp.com
からカスタムドメインである makoto-test.tk
へリダイレクトさせる設定を行います。
Amplify コンソールの左サイドバーから「書き換えて、リダイレクト」をクリックします。
「編集」をクリックします。
以下のように設定します。
・送信元アドレス: デフォルトドメインの URL
・ターゲットアドレス: カスタムドメインの URL
・入力: 301 (リダイレクト - 固定)
リダイレクトの設定後に、デフォルトドメインの URL にアクセスし、カスタムドメインの URL にリダイレクトすることを確認します。
開発者ツールで確認すると、確かにリダイレクトされていることが確認できました。
なお、リダイレクトの設定は上から順に評価される点にご注意ください。
Using redirects - AWS Amplify Hosting より
Redirects are executed from the top of the list down. Make sure that your ordering has the effect you intend. For example, the following order of redirects causes all requests for a given path under /docs/ to redirect to the same path under /documents/, except /docs/specific-filename.html which redirects to /documents/different-filename.html: